<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
    .title {
      position: relative;
      z-index: 2;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #999;
      overflow: hidden;
    }

    .title .caption {
      position: relative;
      display: inline-block;
    }

    .title .caption .line {
      position: absolute;
      top: 11px;
      width: 600px;
      height: 1px;
      background-color: #ddd;
    }

    .title .caption .line-l {
      right: 100%;
      margin-right: 15px;
    }

    .title .caption .line-r {
      left: 100%;
      margin-left: 15px;
    }
  </style>
</head>

<body>
  <div class="title">
    <span class="caption">
      <span class="line line-l"></span>
      Headling
      <span class="line line-r"></span>
    </span>
  </div>
</body>

</html>